* {
    margin: 0;
    padding: 0;
    text-align: left;
    font: 1em/1em Arial, Helvetica, sans-serif;
}

body {
    line-height: 1.5em;
    font-size: 76%;
    color: #333;
    background: #203540 url(../images/body_bg.gif) top repeat-x;
    color: #fff;
}

/**
 * Text formatting
 */

h1, h2, h3 {
    line-height: 1em;
    letter-spacing: -.025em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 15px;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.15em; margin: 0 0 10px; letter-spacing: 0; }

p { margin: 0 0 1em; }

code { font-family: monospace; font-size: 1.2em; }

dl { margin: 0; padding: 0; }
dt { font-weight: bold; }

em { font-style: italic; }

dl, ol, ul { padding: 0 0 0 1.5em; margin: 0 0 1em; }

pre { margin: 0 0 1em; }

strong { font-weight: bold; }

a { color: #069; }
a:visited { color: #036; }
a:hover { color: #09c; text-shadow: 0 0 5px #cfe0e5; }
a:active, a:focus { background: #ddd; }


/**
 * Form related
 */
fieldset {
    border: none;
}

form ul { list-style: none; padding: 0; margin: 0; }
form .actions { clear: both; overflow: hidden; }
form .actions .positive-action { float: right; margin: 0 0 0 15px; }
form .actions .negative-action { float: left; margin: 0 10px 0 0; }

legend {
    display: none;
    font-size: 1.4em;
    font-weight: bold;
    color: #666;
}
fieldset fieldset legend { color: #999; padding: 10px 0 5px; font-size: 1.2em; }

label { font-size: 1.2em; float: left; margin: 0 10px 10px 0; }
.field.checkbox label { float: none; display: inline; }

input[type=checkbox],
input[type=email],
input[type=text],
input[type=password],
select,
textarea { }

input[type=email],
input[type=text],
input[type=password],
select,
textarea {
    padding: 10px;
    border: 1px solid #ccc;
    width: 618px;
    font-size: 1.2em;
}

select { padding: 5px; width: 638px; }
option { padding: 0 5px; cursor: pointer; }

textarea { height: 300px; font-size: 1.1em; }

button,
input[type=submit] {
    cursor: pointer;
    background: #e5e5e5 url(../images/button_bg.png) left bottom repeat-x;
    color: #333;
    border: 1px solid #ccc;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.2em;
    text-align: center;
    min-height: 30px;
}
button:hover,
input[type=submit]:hover { color: #000; border-color: #999; }
span.validation-error { color: #c00; font-weight: bold; }

.field { padding: 15px 0; }

.container {
    padding: 15px 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
.container table {
    margin: 0 0 0 -30px;
    width: 700px;
}
.container.table-container { border-bottom-color: #fff; padding-bottom: 0; }
.container.table-container tr th:first-child,
.container.table-container tr td:first-child {
    padding-left: 30px;
}
.container.actions { border-bottom: none; }

/**
 * Table related
 */

table { width: 100%; border-spacing: 0; }
th { padding: 5px 15px; }
td { padding: 15px; }
th { font-weight: bold; border-bottom: 1px solid #ccc; }
td { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; }
tr.odd td { background: #f8f8f8; }
table form div { float: left; margin: 0 .5em 0 0; }
table th.actions { width: 15%; }

td.action { white-space: nowrap; }
td.action.create-child a,
a.action.create-child {
    padding-left: 15px;
    background-image: url(../images/icon_plus.gif);
    background-position: center left;
    background-repeat: no-repeat;
}
td.action.delete a,
a.action.delete {
    background-image: url(../images/delete.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#page-tree-container { padding: 0; border: none; }
#page-tree-container ul { padding: 0; margin: 0; list-style: none; }
#page-tree-container li > div { 
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 15px 30px;
    overflow: hidden;
}
#page-tree-container li.odd { background: #f8f8f8; }
#page-tree-container li.even { background: #f2f2f2; }
#page-tree-container .title {
    position: relative;
    float: left;
    margin: 0;
    z-index: 1;
}
#page-tree-container .actions {
    position: relative;
    text-align: right;
}
#page-tree-container .actions a { margin: 0 0 0 15px; }

#pages .level1 > div { padding-left: 30px; }
#pages .level2 > div { padding-left: 45px; }
#pages .level3 > div { padding-left: 60px; }
#pages .level4 > div { padding-left: 75px; }
#pages .level5 > div { padding-left: 90px; }
#pages .level6 > div { padding-left: 105px; }
#pages .level7 > div { padding-left: 120px; }
#pages .level8 > div { padding-left: 135px; }
#pages .level9 > div { padding-left: 150px; }
#pages .level10 > div { padding-left: 165px; }

#pages .expand-children,
#pages .contract-children {
    text-indent: -9999px;
    width: 1em;
    height: 1em;
    position: absolute;
    left: -30px;
}
#pages .expand-children { background: url(../images/arrow_right.gif) left center no-repeat; }
#pages .contract-children { background: url(../images/arrow_right_down.gif) left center no-repeat; }

#skip-links { padding: 10px 0; margin: -32px 0 0;}
#skip-links a { margin: 0 15px 0 0; color: #ccc; }
#skip-links a:hover { color: #000; }
#skip-links a:active,
#skip-links a:focus { color: #000; }

#page {
    width: 900px;
    margin: 30px auto;
    overflow: hidden;
    color: #333;
    background: #fff url(../images/page_bg.gif) repeat-y;
    border: 2px solid #203540;
}

#header {
    overflow: hidden;
    background: #e5e5e5 url(../images/header.png) no-repeat;
    padding: 15px 15px 15px 30px;
    height: 60px;
}
#header a:active,
#header a:focus { background: none; }
#header a:hover { text-shadow: 0 0 5px #ccc; }

#app-name {
    font-size: 2em;
    letter-spacing: -.025em;
    line-height: 1em;
    margin: 0;
    float: left;
    text-shadow: 0 0 5px #fff;
}
#app-name a {
    text-decoration: none;
    text-transform: lowercase;
    display: block;
    font-family: Georgia, serif;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    color: #666;
}
#app-name a:hover { color: #333; }

#account-menu {
    float: right;
    background: #444444;
    color: #ccc;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 1.1em;
}
#account-menu a {
    color: #eee;
    font-weight: bold;
    text-decoration: none;
}
#account-menu a:hover { color: #fff; text-decoration: underline; }

#global-menu {
    color: #333;
    overflow: hidden;
    padding: 0;
    margin: 15px;
    float: left;
    width: 170px;
}
#global-menu a {
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    text-shadow: 0 1px #fff;
}
#global-menu dl {
    margin: 0;
    padding: 0;
}
#global-menu dl:first-child { border: none; }
#global-menu dt { }
#global-menu dt a {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    padding: 15px 15px 5px
}
#global-menu dd {
    border-top: 1px solid #d8d8d8;
}
#global-menu dl dl { border: none; }
#global-menu dl dl dt { padding: 10px 15px; color: #666; }
#global-menu dl dl dd { border-color: #e5e5e5; }
#global-menu dl dl dd a { padding-left: 30px; }
#global-menu .active a { color: #333; font-weight: bold; }
#global-menu dd a:hover { color: #000; background: #f8f8f8; }

#content {
    background: #f2f2f2;
    margin: -30px 0 0;
    width: 700px;
    float: right;
}
#content-inner { position: relative; }
#content p,
#content li,
#content dd,
#content dt { line-height: 1.75em; }

#content h1 {
    padding: 20px 30px;
    margin: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
}

#breadcrumbs {
    font-size: .9em;
    color: #999;
}

#messenger {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    list-style: none;
    background: #ffd url(../images/messenger_bg.gif) left top repeat-x;
    margin: 0;
    padding: 15px 30px 10px;
}
#messenger li {
    font-weight: bold;
    color: #000;
    margin: 0 0 5px;
    padding: 0 0 0 2em;
}
#messenger .info { color: #460; background: url(../images/icon_check.png) left center no-repeat; }
#messenger .warning { color: #640; background: url(../images/icon_warning.png) left center no-repeat; }
#messenger .error { color: #620; background: url(../images/icon_error.png) left center no-repeat; }

.create-action {
    position: absolute;
    top: 17px;
    right: 30px;
}
.create-action button span {
    padding-left: 15px;
    background: url(../images/icon_plus.gif) center left no-repeat;
}

#editor textarea {
    width: 98%;
    font-family: monospace;
    font-size: 1.3em;
}

#view-page { float: right; margin: -4em 0 0; }

.custom-field { position: relative; }
.custom-field button[name=delete-custom-field] {
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../images/delete.png) center center no-repeat;
    overflow: hidden;
    width: 1em;
    border: none;
    padding: 5px;
}
.custom-field button[name=delete-custom-field] span {
    white-space: nowrap;
    padding: 0 0 0 2em;
}
.custom-field textarea { height: 120px; }
#add-custom-field button[type=submit] { float: left; margin: 0 15px 0 0; }
#add-custom-field button[type=submit] span {
    background: url(../images/icon_plus.gif) center left no-repeat;
    padding: 0 0 0 15px;
}

#administrator-system-permissions legend,
#administrator-content-permissions legend { display: block; }

#template-form #code { font-family: "Courier New", monospace; }

#footer {
    color: #999;
    padding: 15px 30px;
    clear: left;
    width: 140px;
}
#footer p { margin: 0; }